<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<script>
    /*
    返回一个包含了所有指定类名的子元素的类数组对象
    当在 document 对象上调用时，会搜索整个 DOM 文档，包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法，它将返回的是以当前元素为根节点，所有指定类名的子元素。

    语法:
        var elements = document.getElementsByClassName(names); // or:
        var elements = rootElement.getElementsByClassName(names);
            elements 是一个实时集合，包含了找到的所有元素。
            names 是一个字符串，表示要匹配的类名列表；类名通过空格分隔
            getElementsByClassName 可以在任何元素上调用，不仅仅是 document。调用这个方法的元素将作为本次查找的根元素。

    *
    * */
    const divs=document.getElementsByClassName("item")
    console.log(divs)
</script>
</body>
</html>